<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<meta name="viewport" content="initial-scale=1.0, maximum-scale=1.0, user-scalable=no" />
		<meta name="format-detection" content="telephone=no" />
		<title>去结算</title>
		<link rel="stylesheet" type="text/css" href="css/loaders.min.css" />
		<link rel="stylesheet" type="text/css" href="css/loading.css" />
		<link rel="stylesheet" type="text/css" href="css/base.css" />
		<link rel="stylesheet" type="text/css" href="css/style.css" />
		<link rel="stylesheet" href="css/mui.css" />
		<link type="text/css" rel="stylesheet" href="car/css/base.css" />
		<link type="text/css" rel="stylesheet" href="car/css/module.css"  />
		<script type="text/javascript" src="js/mui.js"></script>
		<script src="js/jquery.min.js" type="text/javascript" charset="utf-8"></script>
		<script type="text/javascript">
			$(window).load(function() {
				$(".loading").addClass("loader-chanage")
				$(".loading").fadeOut(300)

			})

			
		</script>
	</head>
	<!--loading页开始-->
	<div class="loading">
		<div class="loader">
			<div class="loader-inner pacman">
				<div></div>
				<div></div>
				<div></div>
				<div></div>
				<div></div>
			</div>
		</div>
	</div>
	<!--loading页结束-->

	<body>
		<header class="mui-bar mui-bar-nav">
			<a class="mui-action-back mui-icon mui-icon-left-nav mui-pull-left"></a>
			<h1 class="mui-title">去结算</h1>
		</header>

		<div class="contaniner fixed-cont">
			<section class="to-buy">
				<header>
					<div class="now"3>
						<span><img src="images/map-icon.png"/></span>
						<dl id="moren">
							<!--<dt>
								<b>瑾晨</b>
								<strong>13035059860</strong>
							</dt>
							<dd>安徽省合肥市XXXXXXXX</dd>
							<p onclick="create()">其他地址</p>-->
						</dl>
					</div>

				</header>
				<div class="shop-group-item">
		<div class="shop-name">
			<!--<input type="checkbox" class="check goods-check shopCheck">
			<h4><a href="#">苹果专卖店</a></h4>-->
			<div class="coupons">
				<!--<span>领券</span><em>|</em>-->
				<span>编辑</span>
			</div>
		</div>
		<ul id="procar">
			
				
			<!--商品添加处-->
			<!--<li>
				<div class="shop-info">
					<input type="checkbox" class="check goods-check goodsCheck">
					<div class="shop-info-img"><a href="#"><img src="images/computer.jpg" /></a></div>
					<div class="shop-info-text">
						<h4>Apple MacBook Pro 13.3英寸笔记本电脑 银色(Core i5 处理器/8GB内存/128GB SSD闪存/Retina屏 MF839CH/A)</h4>
						<div class="shop-brief"><span>重量:3.3kg</span><span>颜色:标配版</span><span>版本:13.3英寸</span></div>
						<div class="shop-price">
							<div class="shop-pices">￥<b class="price">100.00</b></div>
							<div class="shop-arithmetic">
								<a href="javascript:;" class="minus">-</a>
								<span class="num" >1</span>
								<a href="javascript:;" class="plus">+</a>
							</div>
						</div>
					</div>
				</div>
			</li>-->
			
			
		</ul>
		<div class="shopPrice">总计：￥<span class="shop-total-amount ShopTotal">0.00</span></div>
	</div>

			</section>
			<!--底部不够-->
			<div style="margin-bottom: 9%;"></div>
		</div>

		<footer class="buy-footer fixed-footer">
			<p>
				<small>总金额</small>
				<b>￥98.00</b>
			</p>

			<input style="background-color: red;" type="button" value="去付款" />
		</footer>

		<script type="text/javascript">
			$(".to-now .tonow label").on('touchstart', function() {
				if($(this).hasClass('ton')) {
					$(".to-now .tonow label").removeClass("ton")
				} else {
					$(".to-now .tonow label").addClass("ton")
				}
			})
		</script>
		<!--<script>
			var url=window.location.search;		
			result = url.substr(url.indexOf("=")+1);
			alert(result);
			var value=localStorage["userid"];
			alert(value);
			var text=localStorage["pro"];
			alert(text);
		</script>-->
		<script>
			$(function(){
		
		var value=localStorage["userid"];
		//alert(value);
		var text=localStorage["pro"];
		//alert(text);
		var shopcar=document.getElementById("procar");
		shopcar.innerHTML="";
		//---------------开始写后台展示代码-------------------------
		shopcar.innerHTML+='<li>'
		+'<div class="shop-info">'
		+'<input type="checkbox" class="check goods-check goodsCheck">'
		+'<div class="shop-info-img"><a href="#"><img src="images/computer.jpg" /></a></div>'
		+'<div class="shop-info-text">'
		+'<h4>Apple MacBook Pro 13.3英寸笔记本电脑 银色(Core i5 处理器/8GB内存/128GB SSD闪存/Retina屏 MF839CH/A)</h4>'
		+'<div class="shop-brief"><span>重量:3.3kg</span><span>颜色:标配版</span><span>版本:13.3英寸</span></div>'
		+'<div class="shop-price">'
		+'<div class="shop-pices">￥<b class="price">100.00</b></div>'
		+'<div class="shop-arithmetic">'
		+'<a href="javascript:;" class="minus">-</a>'
		+'<span class="num" >1</span>'
		+'<a href="javascript:;" class="plus">+</a>'
		+'</div>'
		+'</div></div></div></li>';	
			
	// 数量减
	$(".minus").click(function() {
		var t = $(this).parent().find('.num');
		t.text(parseInt(t.text()) - 1);
		if (t.text() <= 1) {
			t.text(1);
		}
		TotalPrice();
	});
	// 数量加
	$(".plus").click(function() {
		var t = $(this).parent().find('.num');
		t.text(parseInt(t.text()) + 1);
		if (t.text() <= 1) {
			t.text(1);
		}
		TotalPrice();
	});
	/******------------分割线-----------------******/
	  // 点击商品按钮
  $(".goodsCheck").click(function() {
    var goods = $(this).closest(".shop-group-item").find(".goodsCheck"); //获取本店铺的所有商品
    var goodsC = $(this).closest(".shop-group-item").find(".goodsCheck:checked"); //获取本店铺所有被选中的商品
    var Shops = $(this).closest(".shop-group-item").find(".shopCheck"); //获取本店铺的全选按钮
    if (goods.length == goodsC.length) { //如果选中的商品等于所有商品
      Shops.prop('checked', true); //店铺全选按钮被选中
      if ($(".shopCheck").length == $(".shopCheck:checked").length) { //如果店铺被选中的数量等于所有店铺的数量
        $("#AllCheck").prop('checked', true); //全选按钮被选中
        TotalPrice();
      } else {
        $("#AllCheck").prop('checked', false); //else全选按钮不被选中 
        TotalPrice();
      }
    } else { //如果选中的商品不等于所有商品
      Shops.prop('checked', false); //店铺全选按钮不被选中
      $("#AllCheck").prop('checked', false); //全选按钮也不被选中
      // 计算
      TotalPrice();
      // 计算
    }
  });
  // 点击店铺按钮
  $(".shopCheck").click(function() {
    if ($(this).prop("checked") == true) { //如果店铺按钮被选中
      $(this).parents(".shop-group-item").find(".goods-check").prop('checked', true); //店铺内的所有商品按钮也被选中
      if ($(".shopCheck").length == $(".shopCheck:checked").length) { //如果店铺被选中的数量等于所有店铺的数量
        $("#AllCheck").prop('checked', true); //全选按钮被选中
        TotalPrice();
      } else {
        $("#AllCheck").prop('checked', false); //else全选按钮不被选中
        TotalPrice();
      }
    } else { //如果店铺按钮不被选中
      $(this).parents(".shop-group-item").find(".goods-check").prop('checked', false); //店铺内的所有商品也不被全选
      $("#AllCheck").prop('checked', false); //全选按钮也不被选中
      TotalPrice();
    }
  });
  // 点击全选按钮
  $("#AllCheck").click(function() {
    if ($(this).prop("checked") == true) { //如果全选按钮被选中
      $(".goods-check").prop('checked', true); //所有按钮都被选中
      TotalPrice();
    } else {
      $(".goods-check").prop('checked', false); //else所有按钮不全选
      TotalPrice();
    }
    $(".shopCheck").change(); //执行店铺全选的操作
  });
	//计算
  function TotalPrice() {
    var allprice = 0; //总价
    $(".shop-group-item").each(function() { //循环每个店铺
      var oprice = 0; //店铺总价
      $(this).find(".goodsCheck").each(function() { //循环店铺里面的商品
        if ($(this).is(":checked")) { //如果该商品被选中
          var num = parseInt($(this).parents(".shop-info").find(".num").text()); //得到商品的数量
          var price = parseFloat($(this).parents(".shop-info").find(".price").text()); //得到商品的单价
          var total = price * num; //计算单个商品的总价
          oprice += total; //计算该店铺的总价
        }
        $(this).closest(".shop-group-item").find(".ShopTotal").text(oprice.toFixed(2)); //显示被选中商品的店铺总价
      });
      var oneprice = parseFloat($(this).find(".ShopTotal").text()); //得到每个店铺的总价
      allprice += oneprice; //计算所有店铺的总价
    });
    $("#AllTotal").text(allprice.toFixed(2)); //输出全部总价
  }
 $.post(localStorage["urlip"]+"shop/showSite.do",
	{userid:value},function(data){
	//alert(data);	
	var dataObj=eval("("+data+")");
	//alert(dataObj.siteid);
	var html='';
	html+="<dt><b>"+dataObj.suser+"</b><strong>"+dataObj.sphone+"</strong></dt>"
	+"<dd>"+dataObj.ssite+"</dd>"
	+"<p onclick='create()'>其他地址</p>"
	;
	document.getElementById('moren').innerHTML=html;
	}); 
  	
});
	function create() {
				var w = plus.webview.create('addres.html');
				w.show(); // 显示窗口
			}	
		</script>
	</body>

</html>